<template class="case">
    <!-- <a-card style="width: 100%;margin-left: 5px;display: flex;flex-direction: column;"> -->
        <div style="display: flex;flex-direction: row;background-color: #FBE5D6;" >
            <div class="Case_Image">
            <img :src="Case.coverimageUrl" style="width: 100%;height: 100%; background: no-repeat 50%" />
        </div>
        <div class="Case_Content">
            <div class="Title">{{Case.title}}
            </div>
            <div class="Detail">
                {{ Case.detail }}
            </div>
            <div :href="Case.Url" @click="showdetail">>点击进入</div>
        </div>
        
        </div>
        
        
    <!-- </a-card> -->
   
</template>

<script>


export default{
    name: "CaseCard",
    props: {
        Case: Object
    },
    data() {
        return {
        // Title:'',
        // Detail:'',
        // Url:''
        };
    },
    created() {
        ;
    },
    methods:{
        showdetail(){
            
            this.$emit('showdetail',this.Case)
            // this.$refs.publistContent.visible=true
        }
    }
}
</script>

<style lang="less" scoped>
//    .case{
//     width: 1300px;
//    }
        // height: 300px;
        .Case_Image{
        margin-top: 10px;
        width: 30%;
        height: 80px;
        min-height: 100%;
        background-color: #FBE5D6;
        // background: #f0f2f5 url(~@/assets/company.jpg) no-repeat 50%;
        background-size: 100%;
        }
        .Case_Content{
            margin-left: 10px;
            margin-top: 10px;
            width: 70%;
            height: 80px;
            .Title{
                font-size: large;
                margin-bottom: 10px;
            }
            background-color: #FBE5D6;
        }
    
</style>